<ion-header [translucent]="true">
	<ion-toolbar>
		<ion-buttons slot="start">
			<ion-menu-button></ion-menu-button>
		</ion-buttons>
		<ion-title>编辑器</ion-title>
		<ion-buttons slot="end">
			<ion-button color="primary" (click)="openMenu($event)" title="更多纯文本工具">
				<ion-icon slot="icon-only" name="ellipsis-horizontal"></ion-icon>
			</ion-button>
		</ion-buttons>
	</ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
	<ngx-monaco-editor (onInit)="onInit()" [options]="setting" [(ngModel)]="code"></ngx-monaco-editor>
</ion-content>

<ion-footer>
	<ion-toolbar>
		<ion-title>{{ fileName }}</ion-title>
		<ion-buttons slot="end">
			<ion-button (click)="selectTheme($event)" style="text-transform:none">
				<ion-icon slot="start" name="color-palette"></ion-icon>
				<ion-label>{{ setting.theme | dict:themes }}</ion-label>
			</ion-button>
			<ion-button (click)="selectLanguage($event)" style="text-transform:none">
				<ion-icon slot="start" name="code"></ion-icon>
				<ion-label>{{ setting.language | dict:languages }}</ion-label>
			</ion-button>
		</ion-buttons>
	</ion-toolbar>
</ion-footer>
